<!doctype html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>Title</title></head>
<script src="https://cdn.staticfile.org/vue/2.4.2/vue.min.js"></script>
<script src="https://cdn.staticfile.org/axios/0.18.0/axios.min.js"></script>

    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- Bootstrap 的 CSS 文件 -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/css/bootstrap.min.css"/>
    <title>飞天系统</title>
    <style>
        body{
            overflow-y: hidden;
            background-image:url("img/123.jpg");
            background-size: cover;
        }
        #box:hover{
        box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.24);
        }

    </style>
    <script src="js/v2.6.10/vue.js" type="text/javascript" charset="utf-8"></script>

</head>
<body>






<!--登录界面小框div-->
<div id="box"  style="border: 1px solid #EFEFEF;width: 450px;height: 350px;margin:auto;margin-top: 140px; opacity: 0.8;">

    <form>

        <h3 class="text-center" style="margin-top: 30px">飞天系统</h3>
        <!--包裹输入框的div-->
        <div style="width: 340px;height: 250px;margin:auto;margin-top: 40px">

        <div class="mb-3">
            <!--图标-->
            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-person-fill" viewBox="0 0 16 16">
                <path d="M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H3zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6z"/>
            </svg>
            <label class="form-label">UserName</label>
            <input type="email" class="form-control" aria-describedby="emailHelp" >
        </div>
        <div class="mb-3">
            <!--图标-->
            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-x-diamond-fill" viewBox="0 0 16 16">
                <path d="M9.05.435c-.58-.58-1.52-.58-2.1 0L4.047 3.339 8 7.293l3.954-3.954L9.049.435zm3.61 3.611L8.708 8l3.954 3.954 2.904-2.905c.58-.58.58-1.519 0-2.098l-2.904-2.905zm-.706 8.614L8 8.708l-3.954 3.954 2.905 2.904c.58.58 1.519.58 2.098 0l2.905-2.904zm-8.614-.706L7.292 8 3.339 4.046.435 6.951c-.58.58-.58 1.519 0 2.098l2.904 2.905z"/>
            </svg>
            <label  class="form-label">Password</label>
            <input type="password" class="form-control">
        </div>
        <button type="submit" class="btn btn-primary" style="margin-left: 127px;margin-top: 10px">Register</button>


        </div>
    </form>

</div>


</body>
</html>